<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <base href="">
    <!-- 当前正在使用的模板 -->
    <!-- 精彩活动-->
    <!-- 新闻-->
    <!-- 品牌-->
    <!-- 类型-->
    <!-- 分类-->
    <!--活动-->

    <title>自驾租车</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="自驾租车">
    <meta http-equiv="description" content="自驾租车自驾租车">
    <link rel="stylesheet" type="text/css" href="template/default/css/index.css">
    <link rel="stylesheet" type="text/css" href="template/default/css/page.css">
</head>

<body>


<!-- 主导航 -->
<!--网站基本信息-->
<!-- 当前正在使用的模板 -->
<div class="header">
    <div class="header_fun_bg">
        <div class="mainbox header_fun_info">
            尊敬的客户，欢迎您来到成都维熵科技有限责任公司
            <div class="right">

                <a href="login.html">登陆</a>|
                <a href="register.html">注册</a>


                |<a href="#">网站导航</a>
                |<a href="auto/19.html">帮助中心</a>
            </div>
        </div>
    </div>
    <div class="header_menu_bg">
        <div class="mainbox header_menu_info">
            <a href="" class="header_logo"><img
                    src="upload/4/6/614d6017-c01b-482d-8840-b2667665437a_20161213110129129.png"/></a>
            <ul class="header_menu">


                <li>
                    <a href="index.html">首页</a>
                </li>

                <li>
                    <a href="goods.html">自驾租车</a>
                </li>

                <li>
                    <a href="service.html">企业服务</a>
                </li>

                <li>
                    <a href="auto23.html">精彩活动</a>
                </li>

                <li>
                    <a href="auto21.html">新闻中心</a>
                </li>

                <li>
                    <a href="auto6.html">联系我们</a>
                </li>

                <li class="app"><span class="header_menu_mobile"><a href="javascript:void(0)">手机版</a></span></li>
                <li class="phone"><img src="template/default/images/header_logo_phone.jpg"/></li>

            </ul>
        </div>
    </div>
    <div class="clear contain">
        <ul class="clear rent_flow">
            <li>
                <span class="left num_icon">1</span>
                <p class="left mien_tit">预订车辆</br><font>提前为您预留</font></p>
            </li>
            <li style="border-left:0px solid red">
                <span class="left num_icon">2</span>
                <p class="left mien_tit">签订合同</br><font>双方共同验车</font></p>
            </li>
            <li style="border-left:0px solid red">
                <span class="left num_icon">3</span>
                <p class="left mien_tit">开心旅途</br><font>一路为您保驾护航</font></p>
            </li>
            <li style="border-left:0px solid red">
                <span class="left num_icon">4</span>
                <p class="left mien_tit">退还车辆</br><font>完成租车使用</font></p>
            </li>
        </ul>
        <div class="clear sales">
            <div class="left cartype_contain">
                <div class="car_type">
                    <div class="cartype_list">


                        <a class="car_type_t car_type_action" href="goods?cat_id=1&menuId=7">商务用车</a>


                        <a class="car_type_t" href="goods?cat_id=17&menuId=7">接机送机</a>


                        <a class="car_type_t" href="goods?cat_id=15&menuId=7">婚庆用车</a>


                        <a class="car_type_t" href="goods?cat_id=16&menuId=7">旅游用车</a>


                    </div>
                    <div class="cartype_list1">
                        <label class="left type_til">车&nbsp;&nbsp;型</label>
                        <ul class="left car_type_list">

                            <li><a class="curs" href="goods?brand_id=&cat_id=1&menuId=7&price=x">全部</a></li>


                            <li><a href="goods?type_id=6&brand_id=&cat_id=1&menuId=7&price=x">手动紧凑型</a></li>


                            <li><a href="goods?type_id=7&brand_id=&cat_id=1&menuId=7&price=x">经济型</a></li>


                            <li><a href="goods?type_id=8&brand_id=&cat_id=1&menuId=7&price=x">商务型</a></li>


                            <li><a href="goods?type_id=9&brand_id=&cat_id=1&menuId=7&price=x">豪华型</a></li>


                            <li><a href="goods?type_id=10&brand_id=&cat_id=1&menuId=7&price=x">SUV</a></li>


                            <li><a href="goods?type_id=11&brand_id=&cat_id=1&menuId=7&price=x">7座MPV</a></li>


                            <li><a href="goods?type_id=12&brand_id=&cat_id=1&menuId=7&price=x">电动车</a></li>


                        </ul>
                    </div>
                    <div class="cartype_list1">
                        <label class="left type_til">品&nbsp;&nbsp;牌</label>
                        <ul class="left car_type_list">

                            <li><a class="curs" href="goods?type_id=&brand_id=&cat_id=1&menuId=7&price=x">全部</a></li>


                            <li><a href="goods?brand_id=12&type_id=&cat_id=1&menuId=7&price=x">&nbsp;奥迪</a></li>


                            <li><a href="goods?brand_id=13&type_id=&cat_id=1&menuId=7&price=x">&nbsp;宝马</a></li>


                            <li><a href="goods?brand_id=14&type_id=&cat_id=1&menuId=7&price=x">&nbsp;奔驰</a></li>


                            <li><a href="goods?brand_id=15&type_id=&cat_id=1&menuId=7&price=x">&nbsp;本田</a></li>


                            <li><a href="goods?brand_id=16&type_id=&cat_id=1&menuId=7&price=x">&nbsp;标志</a></li>


                            <li><a href="goods?brand_id=17&type_id=&cat_id=1&menuId=7&price=x">&nbsp;别克</a></li>


                            <li><a href="goods?brand_id=18&type_id=&cat_id=1&menuId=7&price=x">&nbsp;比亚迪</a></li>


                            <li><a href="goods?brand_id=19&type_id=&cat_id=1&menuId=7&price=x">&nbsp;长城</a></li>


                            <li><a href="goods?brand_id=20&type_id=&cat_id=1&menuId=7&price=x">&nbsp;大众</a></li>


                            <li><a href="goods?brand_id=21&type_id=&cat_id=1&menuId=7&price=x">&nbsp;丰田</a></li>


                            <li><a href="goods?brand_id=22&type_id=&cat_id=1&menuId=7&price=x">&nbsp;图特</a></li>


                            <li><a href="goods?brand_id=23&type_id=&cat_id=1&menuId=7&price=x">&nbsp;金杯</a></li>


                            <li><a href="goods?brand_id=24&type_id=&cat_id=1&menuId=7&price=x">&nbsp;凯迪拉克</a></li>


                            <li><a href="goods?brand_id=25&type_id=&cat_id=1&menuId=7&price=x">&nbsp;铃木</a></li>


                            <li><a href="goods?brand_id=26&type_id=&cat_id=1&menuId=7&price=x">&nbsp;日产</a></li>


                            <li><a href="goods?brand_id=27&type_id=&cat_id=1&menuId=7&price=x">&nbsp;马自达</a></li>


                            <li><a href="goods?brand_id=28&type_id=&cat_id=1&menuId=7&price=x">&nbsp;奇瑞</a></li>


                            <li><a href="goods?brand_id=29&type_id=&cat_id=1&menuId=7&price=x">&nbsp;起亚</a></li>


                            <li><a href="goods?brand_id=30&type_id=&cat_id=1&menuId=7&price=x">&nbsp;斯柯达</a></li>


                            <li><a href="goods?brand_id=31&type_id=&cat_id=1&menuId=7&price=x">&nbsp;现代</a></li>


                            <li><a href="goods?brand_id=32&type_id=&cat_id=1&menuId=7&price=x">&nbsp;雪佛兰</a></li>


                            <li><a href="goods?brand_id=33&type_id=&cat_id=1&menuId=7&price=x">&nbsp;雪铁龙</a></li>


                            <li><a href="goods?brand_id=34&type_id=&cat_id=1&menuId=7&price=x">&nbsp;雪铁龙</a></li>


                            <li><a href="goods?brand_id=35&type_id=&cat_id=1&menuId=7&price=x">&nbsp;猎豹</a></li>


                            <li><a href="goods?brand_id=36&type_id=&cat_id=1&menuId=7&price=x">&nbsp;沃尔沃</a></li>


                            <li><a href="goods?brand_id=37&type_id=&cat_id=1&menuId=7&price=x">&nbsp;依维柯</a></li>


                            <li><a href="goods?brand_id=38&type_id=&cat_id=1&menuId=7&price=x">&nbsp;华泰</a></li>


                            <li><a href="goods?brand_id=39&type_id=&cat_id=1&menuId=7&price=x">&nbsp;野马</a></li>


                            <li><a href="goods?brand_id=40&type_id=&cat_id=1&menuId=7&price=x">&nbsp;三菱</a></li>


                            <li><a href="goods?brand_id=41&type_id=&cat_id=1&menuId=7&price=x">&nbsp;MINI</a></li>


                        </ul>
                    </div>

                    <div class="cartype_list1">
                        <label class="left type_til">价&nbsp;&nbsp;格</label>
                        <ul class="left car_type_list">

                            <li><a class="curs" href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=x">全部</a></li>
                            <li><a href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=0-300">&nbsp;0-300</a></li>
                            <li><a href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=300-500">&nbsp;300-500</a>
                            </li>
                            <li><a href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=500-1000">&nbsp;500-1000</a>
                            </li>
                            <li><a href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=1000-2000">&nbsp;1000-2000</a>
                            </li>
                            <li><a href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=2000-x">&nbsp;2000以上</a></li>


                        </ul>
                    </div>
                </div>
                <div class="cartype_lis">

                    <div class="cartype_tab_sort"><a href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=x">默认排序</a>
                    </div>
                    <div class="cartype_tab"><a
                            href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=x&order=xs">按租金</a></div>
                    <div class="cartype_tab"><a
                            href="goods?brand_id=&type_id=&cat_id=1&menuId=7&price=x&order=extension">按销量</a></div>


                    <div class="cartype_tab cartype_tab_full"></div>
                    <div class="clear"></div>
                    <!--循环-->

                    <div class="clear cartype_lis1" th:each="c:${cars}">
                        <a th:href="@{/goodsDetail(id=${c.id})}">
                            <img th:href="@{${c.cartPic}}" class="left cartype_lis_img"
                                 th:src="@{${c.cartPic}}"/>
                        </a>
                        <div class="left car_right_c">
                            <a href="front/goodsDetail/34.html">
                                <div class="left cartype_lis_name" th:text="${c.name}">宝马5系/三厢/2.0自动</div>
                            </a>
                            <div class="clear"></div>
                            <ul class="left cartype_info">
                                <li>
                                    <div th:text="${#dates.format(c.time,'MM yyyy')}"></div>
                                    <span th:text="${c.cartype}">经济型</span>
                                </li>
                                <li class="oncl_mon_wid">
                                    <div class="oncl_border_1 oncl_mon"><span class="or_blue span_cont">￥<span
                                            class="money_big" th:text="${c.reserve}">250</span>/预交定金<a class="ren_sjx"></a></span></div>
                                    <div class="mon_week">
                                        <div class="left">日租：<span class="orange" th:text="${c.dailyRent}">￥250</span>/日均&nbsp;&nbsp;周租：<span
                                                class="orange"
                                                th:text="${c.weeklyRent}">￥220</span>/日均&nbsp;&nbsp;月租：<span
                                                class="orange" th:text="${c.monthlyRent}">￥200</span>/日均
                                        </div>
                                    </div>
                                </li>
                                <li class="rig_b">
                                    <!--  <div class="shijijiage">价格<span>300</span></div>-->
                                    <a class="order_btn" href="front/goodsDetail/34.html">预 定</a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!--循环结束-->
                    <div class="clear"></div>
                </div>
                <div class="paginationBox blue">


                    <div class="paginationBox red">
                        <ul>分页暂无</ul>
                    </div>
                </div>
            </div>
            <!--右侧模块-->


            <div class="right sales_type_more">
                <div class="sales_more_til">精彩活动<a href="jingcaihuodong/22.html" class="right">更多&gt;&gt;</a></div>
                <ul class="sales_more_play">
                    <!-- 精彩活动-->


                    <li>
                        <a href="page/50.html">
                            <img src="upload/15/2/2bfbaffa-07c0-4c2e-821a-bea290d24247_20161213124009409.jpg"/>
                            <span>春节租车开放预订 先下手为强！</span>
                        </a>
                    </li>

                    <li>
                        <a href="page/51.html">
                            <img src="upload/1/2/7f28ae28-ff14-4663-b609-a1eda1b0e606_201612131243284328.jpg"/>
                            <span>新用户专享，150元见面礼</span>
                        </a>
                    </li>

                    <li>
                        <a href="page/52.html">
                            <img src="upload/7/11/53e044d7-cf68-4dcb-9601-a3fd47d936e6_201612131244344434.jpg"/>
                            <span>不惧严寒 多地租车提供雪地胎</span>
                        </a>
                    </li>

                    <li>
                        <a href="page/53.html">
                            <img src="upload/11/12/54d36b6e-acc6-44ff-8714-46a909e628e1_201612131245484548.jpg"/>
                            <span>西宁租3送1 速来免费用车！</span>
                        </a>
                    </li>

                    <li>
                        <a href="page/54.html">
                            <img src="upload/6/3/f09e3df5-06a7-4860-8dc9-d3154fca0f86_201612131247134713.jpg"/>
                            <span>“泉”心“泉”意享暖冬</span>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>


    <!-- 当前正在使用的模板 -->
    <!-- 网站基本信息-->
    <div class="clear footer">
        <ul class="clear list_info">
            <!--帮助中心的菜单 -->


            <li><span>租车预订</span>
                <ul class=" clear list_info_oline">

                    <li><a href="auto/19.html">服务时间</a></li>

                    <li><a href="auto/20.html">服务预订</a></li>

                </ul>
            </li>

            <li><span>会员服务</span>
                <ul class=" clear list_info_oline">

                </ul>
            </li>

            <li><span>常见问题</span>
                <ul class=" clear list_info_oline">

                </ul>
            </li>

            <li><span>我们的服务</span>
                <ul class=" clear list_info_oline">

                </ul>
            </li>


            <li class="list_info_ew"><img src="template/default/images/share_icon_gz.jpg"/>
                <p>关注微信公众号</p></li>
            <li class="list_info_ew"><img src="template/default/images/share_icon_sj.jpg"/>
                <p>下载手机版</p></li>
        </ul>
        <div class="clear"></div>
        <ul class="footer_address">
            <li>
                <span class="left address_icon">&nbsp;</span>
                <!-- 门店系统-->
                <p class="left">

                    天府新谷：府城大道399号2号楼5楼</br>

                </p>
            </li>
            <li>
                <span class="left phone_icon">&nbsp;</span>
                <p class="left">24小时免费热线电话</br><span class="font_phone">028-85980903</span></p>
            </li>
            <li class="text-right">

            </li>
        </ul>
        <div class="clear"></div>
        <div class="footer_links">
            <div class="left">友情链接：</div>
            <ul class="right">
                <!--友情链接-->


                <li>
                    <a href="http://www.webapi.cn" target="_blank">成都维熵科技</a>
                </li>

            </ul>
        </div>
        <div class="clear footer_copyright">
            <p class="left">成都维熵科技有限责任公司</p>
            <p class="right">如果您对成都维熵科技有限责任公司有任何意见，欢迎发送联系电话:028-85980903</p>
        </div>
    </div>


    <style>

        /* leftsead */
        #leftsead {
            width: 161px;
            height: 290px;
            position: fixed;
            top: 250px;
            right: 0px;
            z-index: 100;
        }

        * html #leftsead {
            margin-top: 258px;
            position: absolute;
            top: expression(eval(document.documentElement.scrollTop));
        }

        #leftsead li {
            width: 161px;
            height: 60px;
            list-style: none;
        }

        #leftsead li img {
            float: right;
        }

        #leftsead li a {
            height: 49px;
            float: right;
            display: block;
            min-width: 47px;
            max-width: 161px;
            margin-right: 0px;
        }

        #leftsead li a .shows {
            display: block;
        }

        #leftsead li a .hides {
            margin-right: -143px;
            cursor: pointer;
            cursor: hand;
        }

        #leftsead li a.youhui .hides {
            display: none;
            position: absolute;
            right: 143px;
        }

        #leftsead li a.youhui

        .2
        wm {
            display: none;
            position: absolute;
            right: 143px;
        }

        #p2 {
            width: 112px;
            background-color: #A7D2A9;
            height: 47px;
            margin-left: 47px;
            border: 1px solid #8BC48D;
            text-align: center;
            line-height: 47px
        }

        #p3 {
            width: 112px;
            background-color: #EC9890;
            height: 47px;
            margin-left: 47px;
            border: 1px solid #E6776C;
            text-align: center;
            line-height: 47px
        }

        #p1 {
            width: 47px;
            height: 49px;
            float: left
        }
    </style>
    <!-- 代码部分begin -->
    <div id="leftsead">
        <ul>
            <li id="btn">
                <a href="javascript:void(0)">
                    <div class="hides" style="width:161px;display:none">
                        <img src="template/default/images/ll05.png" width="161" height="49">
                    </div>
                    <img src="template/default/images/l05.png" width="47" height="49" class="shows">
                </a>
            </li>

            <li id="btn">
                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=694510804&amp;site=qq&amp;menu=yes" target="_blank">
                    <div class="hides" style="width:161px;display:none">
                        <img src="template/default/images/ll04.png" width="161" height="49">
                    </div>
                    <img src="template/default/images/l04.png" width="47" height="49" class="shows">
                </a>
            </li>


        </ul>
    </div>
    <script type="text/javascript" src="template/default/js/jquery.min.js"></script>
    <script>

        $(document).ready(function () {
            $("#btn a").hover(function () {
                $(this).children("div.hides").show();
                $(this).children("img.shows").hide();
                $(this).animate({marginRight: '114px'}, '0');

            }, function () {
                $(this).animate({marginRight: '0px'}, '0', function () {
                    $(this).children("div.hides").hide();
                    $(this).children("img.shows").show();
                });

            });

            $("#top_btn").click(function () {
                if (scroll == "off") return;
                $("html,body").animate({scrollTop: 0}, 600);
            });

            //右侧导航 - 二维码
            $(".youhui").mouseover(function () {
                $(this).children(".2wm").show();
            })
            $(".youhui").mouseout(function () {
                $(this).children(".2wm").hide();
            });


        });
    </script>
    <!-- 代码部分end -->
    <script type="text/javascript" src="template/default/js/jquery.min.js"></script>
    <script>
        /*列表交互*/
        +(function () {
            $(function () {
                $(".cartype_lis1").find(".oncl_mon_wid").hover(function () {
                    //alert();
                    _this = $(this);
                    _this.find(".oncl_mon").removeClass("oncl_border_1");
                    _this.find(".oncl_mon").addClass("oncl_border");
                    _this.find(".mon_week").show();

                }, function () {
                    _this.find(".oncl_mon").removeClass("oncl_border");
                    _this.find(".oncl_mon").addClass("oncl_border_1");
                    _this.find(".mon_week").hide();
                })

                /*
                $(".cartype_lis1").find(".oncl_mon").hover(function(){
                        $ = $(this);
                        $(".oncl_mon").removeClass("oncl_border_1");
                        $(".oncl_mon").addClass("oncl_border");
                        $(".mon_week").css("display","block");
                    },function(){
                        $(".oncl_mon").removeClass("oncl_border");
                        $(".oncl_mon").addClass("oncl_border_1");
                        $(".mon_week").css("display","none");
                    });
                */

            });
        })();

    </script>
</body>
</html>